<html>
<head>
    <title>常用指令：v-on</title>
    <script src="js/vue.js"></script>
    <script>
        window.onload = function() {
            let vm = new Vue({
                el: '#itany', 
                data: { // 存储数据
                    arr:[12, 34, 45, 23, 5]
                },
                methods: { // 存储方法
                    show: function() {
                        console.log("show方法"); 
                    },
                    add() {
                        // this表示当前vue实例
                        console.log(this === vm);
                        this.arr.push(666); 
                    }
                } 
            }); 
        }
    </script>
</head>
<body>
    <div id="itany">
        <button v-on:click="show()">点我</button>
        <button v-on:click="add()">向数组中添加一个元素</button>
        <br/>
        {{arr}}
        <hr>
        <button v-on:mouseover="show()">鼠标经过</button>
        <button v-on:dblclick="show()">鼠标双击</button>
    </div>
</body>
</html>
